<template>
  <div class="plant-box">
    <plant-header :listData="modelValue" v-model="selectedItem"></plant-header>
    <ul class="list-box">
      <list-item
        v-for="item in listData"
        :key="item.t_content_pk"
        :modelValue="item"
      ></list-item>
    </ul>
  </div>
</template>
    
<script>
import ListItem from "./list-item.vue";
import { indexPlant } from "@/util/mixin";
export default {
  components: {
    ListItem,
  },
  mixins: [indexPlant],
  data() {
    return {
      listRows: 6,
      swiperRows: 0,
    };
  },
};
</script>
    
    <style scoped>
.list-box {
  padding: 0px 5px;
}

.plant-box {
  width: 760px;
  margin-right: 10px;
}
</style>